<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/头部.css">
    <link rel="stylesheet" href="../css/联系.css">
    <link rel="stylesheet" href="../css/底部.css">
    <script src="../js/utils/qzdl.js"></script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=9FEijeOWGUrd6GcQq1g8ZaPNW683Ns2K">
    </script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="toubu">
            <div class="logo">
                <img src="../img/logo.webp" alt="">
            </div>
            <div class="biaoti">
                <ul>
                    <li><a href="../html/首页.html"><span>首页</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/关于.html"><span>关于</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/茶叶.html"><span>茶叶</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/基地.html"><span>基地</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/新闻.html"><span>新闻</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/联系.html"><span>联系</span></a>
                        <div class="xian"></div>
                    </li>
                </ul>
            </div>
            <div class="tubiao">
                <div class="tubiao2">
                    <div class="tubiao3">
                        <div class="tubiao4"><img src="../img/搜索.png" alt=""></div>
                        <div class="tubiao4"><img src="../img/用户.png" alt=""></div>
                        <div class="tubiao4" onclick="gwc()"><img src="../img/购物车.png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- 联系 图 -->
    <div class="lianxiimg">
        <img src="../img/联系.webp" alt="">
    </div>

    <!-- 字 -->
    <div class="lianxidezi">
        中国历史上有很长的饮茶纪录，已经无法确切地查明到底是在什么年代了，但是大致的时代是有说法的。并且也可以找到证据显示，确实在世界上的很多地方饮茶的习惯是从中国传过去的。
    </div>

    <!-- 三个图标 -->
    <div class="sangetubiao">
        <div class="dangetubiao">
            <div class="xiaotubiao">
                <img src="../img/邮箱.webp" alt="">
            </div>
            <div class="dangetubiao-title">
                邮箱
            </div>
            <div class="dangetubiao-title-bottom">
                info@email.com
            </div>
        </div>
        <div class="dangetubiao1">
            <div class="xiaotubiao">
                <img src="../img/手机.webp" alt="">
            </div>
            <div class="dangetubiao-title">
                手机
            </div>
            <div class="dangetubiao-title-bottom">
                13725415481/010 6888 6888
            </div>
        </div>
        <div class="dangetubiao">
            <div class="xiaotubiao">
                <img src="../img/地址.webp" alt="">
            </div>
            <div class="dangetubiao-title">
                地址
            </div>
            <div class="dangetubiao-title-bottom">
                苏州市建外SOHO东区2号楼
            </div>
        </div>
    </div>

    <!-- 地图 -->
    <div class="map" id="map"></div>

    <!-- 底部 -->
    <footer>
        <!-- 底部左边 -->
        <div class="bottomdiv">
            <div class="lianxi">
                <p>联系</p>
                <span>Contact</span>
            </div>
            <div class="guanyu">
                <div class="guanyu1">
                    关于我们
                </div>
                <div class="guanyu2">
                    <img src="../img/微信.png" alt="">
                    <img src="../img/新浪微博.png" alt="">
                </div>
            </div>
            <div class="qifeiye">
                <div class="qifeiye1">
                    起飞页自助建站平台
                </div>
                <div class="qifeiye2">
                    <span>地址：苏州市建外SOHO东区2号楼</span>
                </div>
                <div class="qifeiye2">
                    <span>邮编：100000</span>
                </div>
                <div class="qifeiye2">
                    <span>电话：010-69557550</span>
                </div>
            </div>
        </div>

        <!-- 底部右边 -->
        <div class="bottomdiv-right">
            <div class="erweima">
                <img src="../img/二维码.png" alt="">
                <p>微博</p>
            </div>
            <div class="erweima">
                <img src="../img/二维码.png" alt="">
                <p>微信</p>
            </div>
        </div>

        <!-- 底部底部 -->
        <div class="COPYRIGHT">
            <div class="COPYRIGHTtitle">
                COPYRIGHT (©) 2019 茶叶类网站 京ICP备41414141414-1号
            </div>
        </div>
    </footer>

</body>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMapOverlay();//向地图添加覆盖物
    }
    function createMap() {
        map = new BMap.Map("map");
        map.centerAndZoom(new BMap.Point(113.899277, 34.822343), 15);
    }
    function setMapEvent() {
        map.enableScrollWheelZoom();
        map.enableKeyboard();
        map.enableDragging();
        map.enableDoubleClickZoom()
    }
    function addClickHandler(target, window) {
        target.addEventListener("click", function () {
            target.openInfoWindow(window);
        });
    }
    function addMapOverlay() {
    }
    //向地图添加控件
    function addMapControl() {
        var scaleControl = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
        scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
        map.addControl(scaleControl);
        var navControl = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
        map.addControl(navControl);
        var overviewControl = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: true });
        map.addControl(overviewControl);
    }
    var map;
    initMap();
</script>
<script>
    function gwc(){
        location.href='../html/购物车.html'
    }
</script>
</html>